/**
 * 学习目标：使用条件渲染-控制loading显示与否
 * 💥 React中条件渲染通过创建和销毁DOM来实现显示与隐藏
 */
import React from 'react';
import ReactDOM from 'react-dom';
// 1.  if /ese 语句配合function返回值来实现 -条件渲染
const isShow = false;
function isLoading() {
  if (isShow) {
    return <div>正在加载...</div>;
  }
  return <div>加载完毕</div>;
}

// 2. 三元运算符
// const divNode = <div>{isShow ? <div>正在加载...</div> : <div>加载完毕</div>}</div>;

// 3. 逻辑运算符
const divNode = <div>{isLoading()}</div>;

ReactDOM.render(divNode, document.getElementById('root'));
